<template>
  <div class="footer">
    <div class="bigbox">
      <div class="showinfo">
        <div class="one">
          <a href="#">abc—赛品件觉在</a>
          <p>
            共同打造的上亿旅行者者"旅行神奇" <br />
            <span>60,000</span>多个地<br />
            <span>600,000</span>个细多个全球旅行新玩法<br />
            <span>760,000,000</span>次攻略下载<br />
            <span>38,000</span>家旅游常产全球旅游目品供应商
          </p>
        </div>
        <div class="two">
          <a href="#">关于我们</a>
          <p>
            隐私政策 商标声明 <br />
            服务协议 游记协议<br />
            商城平台服务协议<br />
            网络信息侵权通知指引<br />
            旅游旅游网服务监督员<br />
            网站地图加入
          </p>
        </div>
        <div class="there">
          <a href="#">旅行服务</a>
          <p>
            旅行服务 酒店预订 <br />
            旅游特价 国际租车<br />
            旅游问答 旅游保险<br />
            旅游指南 订火车票<br />
            旅游资讯 APP下载
          </p>
        </div>
      </div>
      <div class="card">
        <img src="@/assets/二维码.png" alt="" />
        <p class="bai">扫码关注</p>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
a {
  text-decoration: none;
  color: #fff;
  font-size: 16px;
}
.tab-bar-wrap {
  width: 100%;
  height: 210px;
}
.footer {
  // position:absolute;
  // display: flex;
  // flex-direction: column;
  // width: 100%;
  
  .bigbox {
    display: flex;
    justify-content: center;
    height: 210px;
    padding-top: 20px;
    background-color: #333333;
    .showinfo {
      display: flex;
      color: #e1e0e0;
      font-size: 12px;
      line-height: 2;
      div {
        margin-right: 60px;
      }
    }
    .card {
      text-align: center;
      color: #e1e0e0;
    }
  }
}
</style>
